<script>
export default {
  name: "App",
  data() {
    return {
      tree: {
        index: [
          {
            tagName: "div",
            attrs: { class: "fixedBox1621244787698", "data-type": "fixedBox" },
            style: {
              padding: "10px 10px 10px 10px",
              margin: "10px 10px 10px 10px",
              height: "400px",
              backgroundColor: "rgb(30, 144, 255,0.5)",
            },
            children: [
              {
                attrs: {
                  draggable: "true",
                  class: "text1624263205319",
                  "data-type": "text",
                },
                style: {
                  color: "#409eff",
                  margin: "10px 10px 10px 10px",
                  position: "absolute",
                  "word-break": "break-word",
                  width: "300px",
                  height: "61px",
                  "font-size": "24px",
                  "z-index": "1",
                  top: "138px",
                  left: "582px",
                  backgroundColor: "rgba(255, 255, 255, 0)",
                  fontWeight: 800,
                  fontSize: "40px",
                },
                tagName: "div",
                goto: { type: "none", value: null },
                context: { type: "string", value: "欢迎使用本软件" },
              },
            ],
          },
        ],
      },
      pageName: "index", //页面名称
    };
  },
  methods: {},
  render(h) {
    return (
      <div style={{ width: "1260px" }}>
        {this.$explain(this, h, this.tree[this.pageName])}
      </div>
    );
  },
};
</script>
      